import type { FC } from 'react';
import '@/views/error/css/page404.css'
import { Button, Result } from 'antd';
import { useNavigate } from 'react-router-dom';
interface Page404Props { }

const Page404: FC<Page404Props> = () => {
    const navigate =useNavigate()
    return (
        <>
            <Result
                status="404"
                title="404"
                subTitle="Sorry, the page you visited does not exist."
                extra={<Button type="primary" onClick={() =>{navigate('/')}}>Back Home</Button>}
            />
        </>
    );
}

export default Page404;
